<!DOCTYPE html>
<html lang="en">
  <head>
      <meta charset="UTF-8">
      <title>Title</title>
      <style>
       #ldh{
          width:100px;
          height: 30px;
          background-color: green;
          color: red;
          text-align: center;
          line-height: 30px;

        }
       .sg{
         font-size: 25px;
         font-style: italic;
       }
      #bx{
         font-weight:normal ;
         text-shadow: blue -5px 6px 3px;
       }
      #xyj{
      text-decoration: underline;
      }
      a{
        text-decoration:none;
        font-width: bold;
        font-size: 20px;
      }

      </style>
  </head>
  <body>
    <div id="ldh">刘德华</div>
    <div>张学友</div>
    <span class="sg">香蕉</span>
    <span class="sg">苹果</span>
    <h1 id="bx">冰箱</h1>
    <h1 id="xyj">洗衣机</h1>
    <a href="http://www.baidu.com">百度</a>
  </body>
</html>